  <head>

  <style type="text/css">
    /* Responsiveness */
    @media only screen and (max-width: 600px) {
      /* Adjust font size for smaller screens */
      .mobile-font {
        font-size: 25px !important; /* You can adjust the size as needed */
      }

      /* Adjust logo size for smaller screens */
      .mobile-logo {
        width: 25px !important; /* You can adjust the size as needed */
      }

      .mobile-width {
        width: 100% !important;
      }
      .mobile-footer-font {
        font-size: 9px !important;
      }

      .mobile-footer-logo {
        width: 16px !important;
        height: 16px !important;
      }
    }

    .button{
                             border: none;
                            color: rgb(255, 255, 255);
                            padding: 16px 32px;
                            text-align: center;
                            display: inline-block;
                            font-size: 18px;
                            margin: 4px 2px;
                            cursor: pointer;
                            background-color: #527798;
                            width: 300px;
                            font-weight: bold;
                            border-radius: 5px;
      }

    .tabledata{
        width: 50%; padding: 10px; text-align: left;
      }


  

    .divstyle{
      max-width: 600px; 
      margin: 0 auto ; 
    }

    .alertbox{
      width: 90%;
      margin: 0 auto; /* Center the box horizontally */
      background-color: red;
      color: white;
      text-align: center;
      padding: 10px; /* Adjust padding as needed */
      border-radius: 5px; /* Optional: Add rounded corners */
    }

    .table-styling {
           
            border: 0;
            border-spacing: 0;
            font-size: 13px;
            color: #333;
            border-collapse: collapse;
            overflow: hidden;
            margin: 0 auto;  
        }
    .body-table{
      border-collapse: collapse; 
      border-color: #b3b3b3;
      border:3;
      width:100%;
    }
    .p-center-align{
      text-align: center;

    }
    
 
    @import url("https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300&display=swap");

    @font-face {
      font-family: "DM Sans", sans-serif;
      src: url("https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300&display=swap")
        format("truetype");
      font-weight: 300;
      font-style: normal;
    }
  </style>

  </head>